<#import "/master/master-html.ftl" as html/>
<@html.html>

<head>
<meta charset="utf-8">
<title>app下载</title>
<meta content="initial-scale=1,user-scalable=no,maximum-scale=1,width=device-width" name="viewport">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta name="format-detection" content="telephone=no" searchtype="map">
<link type="text/css" href="${cssRoot}/basic.css" rel="stylesheet">
<script type="text/javascript" src="${jsRoot}/resize.js"></script>
</head>
<body class="yellow_bg">
<div class="mm_box">
  <div class="download_bg"><img src="${imgRoot}/download_bg1.png" alt=""></div>
  <div class="download_bg"><img src="${imgRoot}/download_bg2.png" alt=""></div>
  <div class="download_url">
    <p><a href="${basePath}/downloadapp/ios?type=app"><img src="${imgRoot}/download_ios.png" alt=""><span>iPhone下载</span></a></p>
    <p><a href="${basePath}/resources/package/kunpu.apk"><img src="${imgRoot}/download_android.png" alt=""><span>Android下载</span></a></p>
  </div>

  <div class="download_url_wechat">
    <p><img src="${imgRoot}/download_ios.png" alt=""><span>iPhone下载</span></p>
    <p><img src="${imgRoot}/download_android.png" alt=""><span>Android下载</span></p>
  </div>
  <div class="download_shade"><img src="${imgRoot}/download_shade.png" alt=""></div>
</div>
</body>
<script type="text/javascript" src="${jsRoot}/jquery-2.2.1.min.js"></script>
<script>
  //判断是微信打开还是浏览器打开
function is_wechat(){  
  var ua = navigator.userAgent.toLowerCase();  
  if(ua.match(/MicroMessenger/i)=="micromessenger") { 
    $(".download_url_wechat").show();
    $(".download_url").hide();

    $(".download_url_wechat p").on("click",function(){
        $(".download_shade").show();
    });  

    $(".download_shade").on("click",function(){
        $(".download_shade").hide();
    });         
  } else { 
     $(".download_url_wechat").hide();
     $(".download_url").show();
  }  
} 
is_wechat();   
</script>

</@html.html>
